<include file="Public:header" />
<style>
	body{overflow-y:hidden; }
	#main_pic_prev{width: 120px;height: 120px;border: 1px dashed #d3d3d6;}
	.add_body_title{
		margin:15px auto 30px auto;
	}
	.form-horizontal .control-label{
		text-align: right;
	}
	.fileinput-button1{
		position: relative;
		overflow: hidden;
	}
	.note-codable{
		display: none;
		width: 100%;
		padding: 10px;
		margin-bottom: 0;
		font-family: Menlo,Monaco,monospace,sans-serif;
		font-size: 14px;
		color: #ccc;
		background-color: #222;
		border: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		resize: none;
	}
</style>
<script type="text/javascript" src="__PUBLIC__/js/PCASClass.js" ></script>
<link rel="stylesheet" href="__PUBLIC__/css/jquery.fileupload.css" type="text/css" />
<script>
$(function(){
	$(".add_body").height(window.innerHeight-$("#add_body").offset().top-$("#tfoot_div").height()-40);
	$(window).resize(function(){
		$(".add_body").height(window.innerHeight-$("#add_body").offset().top-$("#tfoot_div").height()-40);
	})
})
</script>
<div class="wrapper wrapper-content animated fadeIn col-md-6">
		<form class="form-horizontal" id="form" role="form" action="{:U('product/add')}" method="post" enctype="multipart/form-data">
			<input type='hidden' name="r" <present name="r">value="{$r}"</present>/>
			<input type='hidden' name="module" <present name="r">value="{$module}"</present>/> 
			<input type='hidden' name="id" <present name="r">value="{$model_id}"</present>/> 
			<div class="ibox-content add_body" id="add_body">
				<div class="row">
					<div class="col-md-12 add_body" >
						<div class="full-height-scroll">
							<div class="row" >
								<div class="col-md-12 add_body_title">
									<div class="all-inline">
										<span class="sq-tag"></span>
										<div class="text-tag">
											<span>新增人才</span>
										</div>
									</div>
								</div>
								<div class="col-md-11 add_body_form" style="margin-left:15px;">

									<div class="form-group">
										<label class="col-md-2 control-label">上传简历：</label>
										<div class="col-md-7" style="margin-left: -15px;">
										<div class="col-md-4">
											<select class="form-control required" id="standard" name="standard" aria-required="true">
												<option value="原始简历">原始简历</option><option value="推荐报告">推荐报告</option><option value="背景调查">背景调查</option><option value="其他资料">其他资料</option>
											</select>
											<span id="standardTip" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>

										<div class="col-md-4">
											<div class="btn btn-default fileinput-button" style="width: 100%;">
												<span>上传简历</span>
												<input type="file" name="main_pic[]" id="main_pic"/>
											</div>
										</div>

										<div class="col-md-4">
											<div class="btn btn-default textdialog" style="width: 100%;">
												<span>粘贴简历</span>
											</div>
										</div>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>

									<div class="form-group">
										<label class="col-md-2 control-label">加入项目：</label>

										<div class="col-md-6">
											<select class="form-control required" id="standard" name="standard" aria-required="true">
												<option value="">请输入项目名称或客户名称搜索(默认显示最近20条)</option>
												<option value=""></option>
											</select>
											<span id="" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
									</div>

									<div class="form-group">
										<label class="col-md-2 control-label">姓名：</label>
										<div class="col-md-6">
											<input class="form-control " type="text" id="sketch" name="sketch" value=""><span id="sketchTip" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>												</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">行业：</label>

										<div class="col-md-6">
											<select class="form-control valid select2" id="industry" name="industry" aria-invalid="false">
												<option value="">--请选择--</option>
												<option value="IT/教育">IT/教育</option>
												<option value="电子/商务">电子/商务</option>
												<option value="对外贸易">对外贸易</option>
												<option value="酒店、旅游">酒店、旅游</option>
												<option value="金融、保险">金融、保险</option>
												<option value="房产行业">房产行业</option>
												<option value="医疗/保健">医疗/保健</option>
												<option value="政府、机关">政府、机关</option>
											</select>
											<span id="" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">职能：</label>

										<div class="col-md-6">
											<select class="form-control required" id="" name="standard" aria-required="true">
												<option value=""></option>
												<option value=""></option>
											</select>
											<span id="" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">性别：</label>
										<div class="col-md-6">
											<div class="radio radio-info radio-inline" style="margin-left: 20px;margin-right: 20px;">
												<input type="radio" name="con_contacts[saltname]" checked id="con_contacts[saltname]" value="男"><label for="con_contacts[saltname]">男</label>
											</div>
											<div class="radio radio-info radio-inline">
												<input type="radio" name="con_contacts[saltname]" id="con_contacts[saltname]1" value="女"><label for="con_contacts[saltname]1">女</label>
											</div>
											<span id="con_contacts[saltname]Tip" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">手机：</label>
										<div class="col-md-6">
											<input class="form-control " type="text" id="sketch" name="sketch" value=""><span id="sketchTip" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>												</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">学历：</label>

										<div class="col-md-6">
											<select class="form-control required" id="" name="standard" aria-required="true">
												<option value="">大专</option>
												<option value="">本科</option>
												<option value="">硕士</option>
												<option value="">博士</option>
												<option value="">MBA</option>
												<option value="">大专+MBA</option>
												<option value="">本科+MBA</option>
												<option value="">硕士+MBA</option>
												<option value="">博士+MBA</option>
												<option value="">博士后</option>
											</select>
											<span id="" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>
									<div class="form-group">
										<label class="col-md-2 control-label">所在城市：</label>

										<div class="col-md-6">
											<script type="text/javascript">
                                                $(function(){
                                                    new PCAS("address['state']","address['city']","","","","");
                                                });
											</script>
											<select class="form-control col-md-3 " name="address['state']" input_type="address" id="city" aria-required="true" style="width: 45%">
											</select>
											<select class="form-control col-md-3 " name="address['city']" input_type="address" id="city" aria-required="true" style="width: 45%;margin-left: 9%;">
											</select>
											<span id="" style="float: left;line-height: 32px;margin-left: 5%;color:red;"></span>
										</div>
										<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
									</div>

									<div class="form-group">
										<label class="col-md-2 control-label">工作经历：</label>
										<div class="col-lg-10">
											<div class="panel panel-default" style="padding-top: 20px;margin-right: 20px;">
												<div style="background: none" class="panel-body3">
												<div class="form-group">
													<label class="col-sm-2 control-label">时间<span class="text-danger">*</span></label>
													<div class="col-sm-10">
														<input class="form-control text-center" id="experienceStartInputOption" type="text" style="width:120px; display:inline;height: 25px;background: #ffffff" placeholder="年-月"   onFocus="WdatePicker({dateFmt:'yyyy-MM', minDate:&quot;#F{$dp.$D('experienceStartInputOption')}&quot;,maxDate:'2038-01-01'})" readonly="readonly"><span>-&gt;</span>
														<input class="form-control text-center" id="experienceEndInputOption" type="text" style="width:120px; display:inline;height: 25px;background: #ffffff" placeholder="年-月"    onFocus="WdatePicker({dateFmt:'yyyy-MM', minDate:&quot;#F{$dp.$D('experienceStartInputOption')}&quot;,maxDate:'2038-01-01'})"  readonly="readonly">
														<div class="checkbox checkbox-info checkbox-inline" style="vertical-align: baseline;">
															<input type="checkbox">
															<label>目前在职<span class="text-danger">*</span></label>
														</div>
													</div>
												</div>
												<div class="form-group" >
													<label class="col-sm-2 control-label">公司名称<span class="text-danger">*</span></label>
													<div class="col-sm-9">
														<input class="form-control" type="text" name="exps0.company" typeahead="item.name for item in autocomplete(&quot;company&quot;, $viewValue)" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-268-5645" required="required"><ul class="dropdown-menu" style="display: block;;display: block;" role="listbox" aria-hidden="true" typeahead-popup="" id="typeahead-268-5645" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
													</ul>
														</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">职位<span class="text-danger">*</span></label>
													<div class="col-sm-4">
														<input class="form-control" type="text" name="exps0.title" typeahead="item for item in autocomplete(&quot;title&quot;, $viewValue)" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-269-2565" required="required"><ul class="dropdown-menu" style="display: block;;display: block;" role="listbox" aria-hidden="true" typeahead-popup="" id="typeahead-269-2565" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
													</ul>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">职责描述<span class="text-danger">*</span></label>
													<div class="col-sm-9">
														<textarea class="msd-elastic form-control"  required="required" style="min-height: 136px; overflow: hidden; word-wrap: break-word; resize: horizontal; height: 136px;"></textarea>
													</div>
												</div>
											</div>
												<div class="panel-footer">
													<button class="btn btn-success btn-xs" type="button" onclick="expadd('exp')">增加新的工作经历</button>
												</div>
											</div>
										</div>
									</div>

									<volist name="field_list['main']" id="vo" key="key">
										<div class="form-group" style="display: none;">
											<label class="col-md-4 control-label">{$vo.name}：</label>
											<if condition="$vo['form_type'] == 'textarea'">
												<if condition = "$vo['tip_start'] eq 1">
													<div class="col-md-6">
														<textarea class="form-control" rows="5"></textarea>
													</div>
													<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-8">
														<textarea class="form-control" rows="5"></textarea>
													</div>	
												</if>
											<elseif condition="$vo['form_type'] == 'address'"/>
												<if condition = "$vo['tip_start'] eq 1">
													<div class="col-md-7">
														{$vo.html}
													</div>
													<div class="col-md-1"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-8">
														{$vo.html}
													</div>	
												</if>
											<else/>
												<div class="col-md-6">
													{$vo.html}
												</div>
												<if condition = "$vo['tip_start'] eq 1 || $vo['field'] eq 'customer_id'">
													<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-2"></div>
												</if>
											</if>
										</div>
									</volist>
									<!-- <div class="form-group">
										<label class="col-md-4 control-label">选择仓库：</label>
										<div class="col-md-6">
											<volist name="house_list" id="vi"><label for=""><input type="checkbox" style="margin:-3px 3px 0px 8px" checked="true" name="warehouse_id[]" value="{$vi.warehouse_id}">{$vi.name}</label></volist>
										</div>
										<div class="col-md-2"></div>
									</div> -->
									<div class="form-group" style="display: none;">
										<label class="col-md-4 control-label">产品图片：</label>
										<div class="col-md-4">
											<img id="main_pic_prev" class="thumb80" />
										</div>
										<div class="col-md-4">
											<div class="btn btn-success fileinput-button">
												<span>选择图片</span>
												<input type="file" name="main_pic[]" id="main_pic"/>
											</div>
										</div>
									</div>
									<volist name="field_list['data']" id="vo" key="key">
										<div class="form-group"  style="display: none;">
											<label class="col-md-4 control-label">{$vo.name}：</label>
											<if condition="$vo['form_type'] == 'textarea'">
												<if condition = "$vo['tip_start'] eq 1">
													<div class="col-md-6">
														<textarea class="form-control" id="description" name="description" rows="5"></textarea>
													</div>
													<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-8">
														<textarea class="form-control" id="description" name="description" rows="5"></textarea>
													</div>	
												</if>
											<elseif condition="$vo['form_type'] == 'address'"/>
												<if condition = "$vo['tip_start'] eq 1">
													<div class="col-md-7">
														{$vo.html}
													</div>
													<div class="col-md-1"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-8">
														{$vo.html}
													</div>	
												</if>
											<else/>
												<div class="col-md-6">
													{$vo.html}
												</div>
												<if condition = "$vo['tip_start'] eq 1 || $vo['field'] eq 'customer_id'">
													<div class="col-md-2"><span style="color: red;line-height: 32px;margin-left: 10px;">*</span></div>
												<else/>
													<div class="col-md-2"></div>
												</if>
											</if>
										</div>
									</volist>
								</div>
								<div class="col-md-1 pull-right">
									<!-- <div style="height: 100%; border-right: 1px dashed gray;">&nbsp;sadf</div> -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="tfoot_div" class="clearfix">
				<div class="clearfix" id="tfoot_page">
					<div class="ibox-content" style="border-top: none;">
						<div class="col-sm-offset-2" style="text-align:center;margin-left:0px;">
							<button type="submit" id="save_submit" class="btn btn-primary">保存</button>
							<input class="btn btn-default" type="button" onclick="javascript:history.go(-1)" value="{:L('RETURN')}"/>
						</div>
					</div>
				</div>
			</div>
		</form>
</div>

<div class="" style="display:none;" id="dialog-validate" title="{:L('TEST_RESULTS')}">
	{:L('HAVE_THE_FOLLOWING_PRODUCTS_ARE_SIMILAR_TO_THE_PRODUCT_NAME')}
	<div id="search_content"></div>
</div>
<div style="display:none;"  id="dialog-resume" title="粘贴简历">
		<form class="">
			<div class="form-group">
				<label class="col-sm-2 control-label ng-binding">文件名称</label>
				<div class="col-sm-8">
					<input class="form-control ng-pristine ng-untouched ng-valid" type="text" ng-model="file.originname">
				</div>
			</div>
			<div class="form-group" style="float: left;margin-top: 8px;">
				<div class="col-sm-12">
					<div class="summernote ng-isolate-scope ng-valid" summernote="summernote" config="SN_OPTS" style="display: none;"></div>
					<div class="note-editor panel panel-default">
						<div class="note-dialog">
							<div class="note-image-dialog modal" aria-hidden="false">
								<div class="modal-dialog"><div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" aria-hidden="true" tabindex="-1">×</button>
										<h4 class="modal-title">Insert Image</h4>
									</div>
									<div class="modal-body">
										<div class="form-group row note-group-select-from-files">
											<label>Select from files</label>
											<input class="note-image-input form-control" type="file" name="files" accept="image/*" multiple="multiple">
										</div>
										<div class="form-group row">
											<label>Image URL</label>
											<input class="note-image-url form-control col-md-12" type="text">
										</div>
									</div>
									<div class="modal-footer">
										<button href="#" class="btn btn-primary note-image-btn disabled" disabled="">Insert Image</button>
									</div>
								</div>
								</div>
							</div>
							<div class="note-link-dialog modal" aria-hidden="false">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" aria-hidden="true" tabindex="-1">×</button>
											<h4 class="modal-title">Insert Link</h4>
										</div>
										<div class="modal-body">
											<div class="form-group row">
												<label>Text to display</label>
												<input class="note-link-text form-control col-md-12" type="text">
											</div>
											<div class="form-group row">
												<label>To what URL should this link go?</label>
												<input class="note-link-url form-control col-md-12" type="text" value="http://">
											</div><div class="checkbox"><label>
											<input type="checkbox" checked=""> Open in new window</label>
										</div>
										</div>
										<div class="modal-footer">
										<button href="#" class="btn btn-primary note-link-btn disabled" disabled="">Insert Link</button>
										</div>
									</div>
								</div>
							</div>
							<div class="note-help-dialog modal" aria-hidden="false">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-body">
											<a class="modal-close pull-right" aria-hidden="true" tabindex="-1">Close</a>
											<div class="title">Keyboard shortcuts</div>
											<div class="note-shortcut-row row">
												<div class="note-shortcut note-shortcut-col col-sm-6 col-xs-12">
													<div class="note-shortcut-row row">
														<div class="note-shortcut-col col-xs-6 note-shortcut-title col-xs-offset-6">Action</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Z</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Undo</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + Z</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Redo</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + ]</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Indent</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + [</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Outdent</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + ENTER</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Insert Horizontal Rule</div></div></div><div class="note-shortcut note-shortcut-col col-sm-6 col-xs-12"><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-title col-xs-offset-6">Text formatting</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + B</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Bold</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + I</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Italic</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + U</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Underline</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + \</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Remove Font Style</div></div></div></div><div class="note-shortcut-row row"><div class="note-shortcut note-shortcut-col col-sm-6 col-xs-12"><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-title col-xs-offset-6">Document Style</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM0</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Normal</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM1</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 1</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM2</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 2</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM3</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 3</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM4</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 4</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM5</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 5</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + NUM6</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Header 6</div></div></div><div class="note-shortcut note-shortcut-col col-sm-6 col-xs-12"><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-title col-xs-offset-6">Paragraph formatting</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + L</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Align left</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + E</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Align center</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + R</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Align right</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + J</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Justify full</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + NUM7</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Ordered list</div></div><div class="note-shortcut-row row"><div class="note-shortcut-col col-xs-6 note-shortcut-key">Ctrl + Shift + NUM8</div><div class="note-shortcut-col col-xs-6 note-shortcut-name">Unordered list</div></div></div></div><p class="text-center"><a href="//summernote.org/" target="_blank">Summernote 0.6.16</a> · <a href="//github.com/summernote/summernote" target="_blank">Project</a> · <a href="//github.com/summernote/summernote/issues" target="_blank">Issues</a></p></div></div></div></div></div><div class="note-dropzone"><div class="note-dropzone-message"></div></div><div class="note-toolbar panel-heading"><div class="note-style btn-group"><div class="btn-group" data-name="style"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Style"><i class="fa fa-magic"></i> <span class="caret"></span></button><ul class="dropdown-menu"><li><a data-event="formatBlock" href="#" data-value="p">Normal</a></li><li><a data-event="formatBlock" href="#" data-value="blockquote"><blockquote>Quote</blockquote></a></li><li><a data-event="formatBlock" href="#" data-value="pre">Code</a></li><li><a data-event="formatBlock" href="#" data-value="h1"><h1>Header 1</h1></a></li><li><a data-event="formatBlock" href="#" data-value="h2"><h2>Header 2</h2></a></li><li><a data-event="formatBlock" href="#" data-value="h3"><h3>Header 3</h3></a></li><li><a data-event="formatBlock" href="#" data-value="h4"><h4>Header 4</h4></a></li><li><a data-event="formatBlock" href="#" data-value="h5"><h5>Header 5</h5></a></li><li><a data-event="formatBlock" href="#" data-value="h6"><h6>Header 6</h6></a></li></ul></div></div><div class="note-font btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="bold" tabindex="-1" data-name="bold" data-original-title="Bold (CTRL+B)"><i class="fa fa-bold"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="italic" tabindex="-1" data-name="italic" data-original-title="Italic (CTRL+I)"><i class="fa fa-italic"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="underline" tabindex="-1" data-name="underline" data-original-title="Underline (CTRL+U)"><i class="fa fa-underline"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="removeFormat" tabindex="-1" data-name="clear" data-original-title="Remove Font Style (CTRL+\)"><i class="fa fa-eraser"></i></button></div><div class="note-fontname btn-group"><div class="btn-group note-fontname" data-name="fontname"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Font Family"><span class="note-current-fontname">Arial</span> <span class="caret"></span></button><ul class="dropdown-menu note-check"><li><a data-event="fontName" href="#" data-value="宋体" style="font-family:'宋体'" class=""><i class="fa fa-check"></i> 宋体</a></li><li><a data-event="fontName" href="#" data-value="微软雅黑" style="font-family:'微软雅黑'" class=""><i class="fa fa-check"></i> 微软雅黑</a></li><li><a data-event="fontName" href="#" data-value="楷体" style="font-family:'楷体'" class=""><i class="fa fa-check"></i> 楷体</a></li><li><a data-event="fontName" href="#" data-value="Arial" style="font-family:'Arial'" class="checked"><i class="fa fa-check"></i> Arial</a></li><li><a data-event="fontName" href="#" data-value="Arial Black" style="font-family:'Arial Black'" class=""><i class="fa fa-check"></i> Arial Black</a></li><li><a data-event="fontName" href="#" data-value="Comic Sans MS" style="font-family:'Comic Sans MS'" class=""><i class="fa fa-check"></i> Comic Sans MS</a></li><li><a data-event="fontName" href="#" data-value="Courier New" style="font-family:'Courier New'" class=""><i class="fa fa-check"></i> Courier New</a></li><li><a data-event="fontName" href="#" data-value="Helvetica" style="font-family:'Helvetica'" class=""><i class="fa fa-check"></i> Helvetica</a></li><li><a data-event="fontName" href="#" data-value="Impact" style="font-family:'Impact'" class=""><i class="fa fa-check"></i> Impact</a></li><li><a data-event="fontName" href="#" data-value="Tahoma" style="font-family:'Tahoma'" class=""><i class="fa fa-check"></i> Tahoma</a></li><li><a data-event="fontName" href="#" data-value="Times New Roman" style="font-family:'Times New Roman'" class=""><i class="fa fa-check"></i> Times New Roman</a></li><li><a data-event="fontName" href="#" data-value="Verdana" style="font-family:'Verdana'" class=""><i class="fa fa-check"></i> Verdana</a></li></ul></div></div><div class="note-fontsize btn-group"><div class="btn-group note-fontsize" data-name="fontsize"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Font Size"><span class="note-current-fontsize">13</span> <span class="caret"></span></button><ul class="dropdown-menu note-check"><li><a data-event="fontSize" href="#" data-value="8" class=""><i class="fa fa-check"></i> 8</a></li><li><a data-event="fontSize" href="#" data-value="9" class=""><i class="fa fa-check"></i> 9</a></li><li><a data-event="fontSize" href="#" data-value="10" class=""><i class="fa fa-check"></i> 10</a></li><li><a data-event="fontSize" href="#" data-value="11" class=""><i class="fa fa-check"></i> 11</a></li><li><a data-event="fontSize" href="#" data-value="12" class=""><i class="fa fa-check"></i> 12</a></li><li><a data-event="fontSize" href="#" data-value="14" class=""><i class="fa fa-check"></i> 14</a></li><li><a data-event="fontSize" href="#" data-value="18" class=""><i class="fa fa-check"></i> 18</a></li><li><a data-event="fontSize" href="#" data-value="24" class=""><i class="fa fa-check"></i> 24</a></li><li><a data-event="fontSize" href="#" data-value="36" class=""><i class="fa fa-check"></i> 36</a></li></ul></div></div><div class="note-color btn-group"><button type="button" class="btn btn-default btn-sm note-recent-color" title="" data-event="color" data-value="{&quot;backColor&quot;:&quot;yellow&quot;}" tabindex="-1" data-name="color" data-original-title="Recent Color"><i class="fa fa-font" style="color:black;background-color:yellow;"></i></button><div class="btn-group" data-name="color"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="More Color"> <span class="caret"></span></button><ul class="dropdown-menu"><li><div class="btn-group"><div class="note-palette-title">Background Color</div><div class="note-color-reset" data-event="backColor" data-value="inherit" title="Transparent">Set transparent</div><div class="note-color-palette" data-target-event="backColor"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#000000;" data-event="backColor" data-value="#000000" title="" data-toggle="button" tabindex="-1" data-original-title="#000000"></button><button type="button" class="note-color-btn" style="background-color:#424242;" data-event="backColor" data-value="#424242" title="" data-toggle="button" tabindex="-1" data-original-title="#424242"></button><button type="button" class="note-color-btn" style="background-color:#636363;" data-event="backColor" data-value="#636363" title="" data-toggle="button" tabindex="-1" data-original-title="#636363"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94;" data-event="backColor" data-value="#9C9C94" title="" data-toggle="button" tabindex="-1" data-original-title="#9C9C94"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE;" data-event="backColor" data-value="#CEC6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#CEC6CE"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF;" data-event="backColor" data-value="#EFEFEF" title="" data-toggle="button" tabindex="-1" data-original-title="#EFEFEF"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7;" data-event="backColor" data-value="#F7F7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#F7F7F7"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF;" data-event="backColor" data-value="#FFFFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FF0000;" data-event="backColor" data-value="#FF0000" title="" data-toggle="button" tabindex="-1" data-original-title="#FF0000"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00;" data-event="backColor" data-value="#FF9C00" title="" data-toggle="button" tabindex="-1" data-original-title="#FF9C00"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00;" data-event="backColor" data-value="#FFFF00" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFF00"></button><button type="button" class="note-color-btn" style="background-color:#00FF00;" data-event="backColor" data-value="#00FF00" title="" data-toggle="button" tabindex="-1" data-original-title="#00FF00"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF;" data-event="backColor" data-value="#00FFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#00FFFF"></button><button type="button" class="note-color-btn" style="background-color:#0000FF;" data-event="backColor" data-value="#0000FF" title="" data-toggle="button" tabindex="-1" data-original-title="#0000FF"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF;" data-event="backColor" data-value="#9C00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#9C00FF"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF;" data-event="backColor" data-value="#FF00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#FF00FF"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#F7C6CE;" data-event="backColor" data-value="#F7C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#F7C6CE"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE;" data-event="backColor" data-value="#FFE7CE" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE7CE"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6;" data-event="backColor" data-value="#FFEFC6" title="" data-toggle="button" tabindex="-1" data-original-title="#FFEFC6"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6;" data-event="backColor" data-value="#D6EFD6" title="" data-toggle="button" tabindex="-1" data-original-title="#D6EFD6"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7;" data-event="backColor" data-value="#CEDEE7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEDEE7"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7;" data-event="backColor" data-value="#CEE7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEE7F7"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7;" data-event="backColor" data-value="#D6D6E7" title="" data-toggle="button" tabindex="-1" data-original-title="#D6D6E7"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE;" data-event="backColor" data-value="#E7D6DE" title="" data-toggle="button" tabindex="-1" data-original-title="#E7D6DE"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E79C9C;" data-event="backColor" data-value="#E79C9C" title="" data-toggle="button" tabindex="-1" data-original-title="#E79C9C"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C;" data-event="backColor" data-value="#FFC69C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFC69C"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C;" data-event="backColor" data-value="#FFE79C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE79C"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5;" data-event="backColor" data-value="#B5D6A5" title="" data-toggle="button" tabindex="-1" data-original-title="#B5D6A5"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE;" data-event="backColor" data-value="#A5C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#A5C6CE"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF;" data-event="backColor" data-value="#9CC6EF" title="" data-toggle="button" tabindex="-1" data-original-title="#9CC6EF"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6;" data-event="backColor" data-value="#B5A5D6" title="" data-toggle="button" tabindex="-1" data-original-title="#B5A5D6"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD;" data-event="backColor" data-value="#D6A5BD" title="" data-toggle="button" tabindex="-1" data-original-title="#D6A5BD"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E76363;" data-event="backColor" data-value="#E76363" title="" data-toggle="button" tabindex="-1" data-original-title="#E76363"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B;" data-event="backColor" data-value="#F7AD6B" title="" data-toggle="button" tabindex="-1" data-original-title="#F7AD6B"></button><button type="button" class="note-color-btn" style="background-color:#FFD663;" data-event="backColor" data-value="#FFD663" title="" data-toggle="button" tabindex="-1" data-original-title="#FFD663"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B;" data-event="backColor" data-value="#94BD7B" title="" data-toggle="button" tabindex="-1" data-original-title="#94BD7B"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD;" data-event="backColor" data-value="#73A5AD" title="" data-toggle="button" tabindex="-1" data-original-title="#73A5AD"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE;" data-event="backColor" data-value="#6BADDE" title="" data-toggle="button" tabindex="-1" data-original-title="#6BADDE"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6;" data-event="backColor" data-value="#8C7BC6" title="" data-toggle="button" tabindex="-1" data-original-title="#8C7BC6"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5;" data-event="backColor" data-value="#C67BA5" title="" data-toggle="button" tabindex="-1" data-original-title="#C67BA5"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#CE0000;" data-event="backColor" data-value="#CE0000" title="" data-toggle="button" tabindex="-1" data-original-title="#CE0000"></button><button type="button" class="note-color-btn" style="background-color:#E79439;" data-event="backColor" data-value="#E79439" title="" data-toggle="button" tabindex="-1" data-original-title="#E79439"></button><button type="button" class="note-color-btn" style="background-color:#EFC631;" data-event="backColor" data-value="#EFC631" title="" data-toggle="button" tabindex="-1" data-original-title="#EFC631"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A;" data-event="backColor" data-value="#6BA54A" title="" data-toggle="button" tabindex="-1" data-original-title="#6BA54A"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C;" data-event="backColor" data-value="#4A7B8C" title="" data-toggle="button" tabindex="-1" data-original-title="#4A7B8C"></button><button type="button" class="note-color-btn" style="background-color:#3984C6;" data-event="backColor" data-value="#3984C6" title="" data-toggle="button" tabindex="-1" data-original-title="#3984C6"></button><button type="button" class="note-color-btn" style="background-color:#634AA5;" data-event="backColor" data-value="#634AA5" title="" data-toggle="button" tabindex="-1" data-original-title="#634AA5"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B;" data-event="backColor" data-value="#A54A7B" title="" data-toggle="button" tabindex="-1" data-original-title="#A54A7B"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#9C0000;" data-event="backColor" data-value="#9C0000" title="" data-toggle="button" tabindex="-1" data-original-title="#9C0000"></button><button type="button" class="note-color-btn" style="background-color:#B56308;" data-event="backColor" data-value="#B56308" title="" data-toggle="button" tabindex="-1" data-original-title="#B56308"></button><button type="button" class="note-color-btn" style="background-color:#BD9400;" data-event="backColor" data-value="#BD9400" title="" data-toggle="button" tabindex="-1" data-original-title="#BD9400"></button><button type="button" class="note-color-btn" style="background-color:#397B21;" data-event="backColor" data-value="#397B21" title="" data-toggle="button" tabindex="-1" data-original-title="#397B21"></button><button type="button" class="note-color-btn" style="background-color:#104A5A;" data-event="backColor" data-value="#104A5A" title="" data-toggle="button" tabindex="-1" data-original-title="#104A5A"></button><button type="button" class="note-color-btn" style="background-color:#085294;" data-event="backColor" data-value="#085294" title="" data-toggle="button" tabindex="-1" data-original-title="#085294"></button><button type="button" class="note-color-btn" style="background-color:#311873;" data-event="backColor" data-value="#311873" title="" data-toggle="button" tabindex="-1" data-original-title="#311873"></button><button type="button" class="note-color-btn" style="background-color:#731842;" data-event="backColor" data-value="#731842" title="" data-toggle="button" tabindex="-1" data-original-title="#731842"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#630000;" data-event="backColor" data-value="#630000" title="" data-toggle="button" tabindex="-1" data-original-title="#630000"></button><button type="button" class="note-color-btn" style="background-color:#7B3900;" data-event="backColor" data-value="#7B3900" title="" data-toggle="button" tabindex="-1" data-original-title="#7B3900"></button><button type="button" class="note-color-btn" style="background-color:#846300;" data-event="backColor" data-value="#846300" title="" data-toggle="button" tabindex="-1" data-original-title="#846300"></button><button type="button" class="note-color-btn" style="background-color:#295218;" data-event="backColor" data-value="#295218" title="" data-toggle="button" tabindex="-1" data-original-title="#295218"></button><button type="button" class="note-color-btn" style="background-color:#083139;" data-event="backColor" data-value="#083139" title="" data-toggle="button" tabindex="-1" data-original-title="#083139"></button><button type="button" class="note-color-btn" style="background-color:#003163;" data-event="backColor" data-value="#003163" title="" data-toggle="button" tabindex="-1" data-original-title="#003163"></button><button type="button" class="note-color-btn" style="background-color:#21104A;" data-event="backColor" data-value="#21104A" title="" data-toggle="button" tabindex="-1" data-original-title="#21104A"></button><button type="button" class="note-color-btn" style="background-color:#4A1031;" data-event="backColor" data-value="#4A1031" title="" data-toggle="button" tabindex="-1" data-original-title="#4A1031"></button></div></div></div><div class="btn-group"><div class="note-palette-title">Foreground Color</div><div class="note-color-reset" data-event="foreColor" data-value="inherit" title="Reset">Reset to default</div><div class="note-color-palette" data-target-event="foreColor"><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#000000;" data-event="foreColor" data-value="#000000" title="" data-toggle="button" tabindex="-1" data-original-title="#000000"></button><button type="button" class="note-color-btn" style="background-color:#424242;" data-event="foreColor" data-value="#424242" title="" data-toggle="button" tabindex="-1" data-original-title="#424242"></button><button type="button" class="note-color-btn" style="background-color:#636363;" data-event="foreColor" data-value="#636363" title="" data-toggle="button" tabindex="-1" data-original-title="#636363"></button><button type="button" class="note-color-btn" style="background-color:#9C9C94;" data-event="foreColor" data-value="#9C9C94" title="" data-toggle="button" tabindex="-1" data-original-title="#9C9C94"></button><button type="button" class="note-color-btn" style="background-color:#CEC6CE;" data-event="foreColor" data-value="#CEC6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#CEC6CE"></button><button type="button" class="note-color-btn" style="background-color:#EFEFEF;" data-event="foreColor" data-value="#EFEFEF" title="" data-toggle="button" tabindex="-1" data-original-title="#EFEFEF"></button><button type="button" class="note-color-btn" style="background-color:#F7F7F7;" data-event="foreColor" data-value="#F7F7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#F7F7F7"></button><button type="button" class="note-color-btn" style="background-color:#FFFFFF;" data-event="foreColor" data-value="#FFFFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFFFF"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#FF0000;" data-event="foreColor" data-value="#FF0000" title="" data-toggle="button" tabindex="-1" data-original-title="#FF0000"></button><button type="button" class="note-color-btn" style="background-color:#FF9C00;" data-event="foreColor" data-value="#FF9C00" title="" data-toggle="button" tabindex="-1" data-original-title="#FF9C00"></button><button type="button" class="note-color-btn" style="background-color:#FFFF00;" data-event="foreColor" data-value="#FFFF00" title="" data-toggle="button" tabindex="-1" data-original-title="#FFFF00"></button><button type="button" class="note-color-btn" style="background-color:#00FF00;" data-event="foreColor" data-value="#00FF00" title="" data-toggle="button" tabindex="-1" data-original-title="#00FF00"></button><button type="button" class="note-color-btn" style="background-color:#00FFFF;" data-event="foreColor" data-value="#00FFFF" title="" data-toggle="button" tabindex="-1" data-original-title="#00FFFF"></button><button type="button" class="note-color-btn" style="background-color:#0000FF;" data-event="foreColor" data-value="#0000FF" title="" data-toggle="button" tabindex="-1" data-original-title="#0000FF"></button><button type="button" class="note-color-btn" style="background-color:#9C00FF;" data-event="foreColor" data-value="#9C00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#9C00FF"></button><button type="button" class="note-color-btn" style="background-color:#FF00FF;" data-event="foreColor" data-value="#FF00FF" title="" data-toggle="button" tabindex="-1" data-original-title="#FF00FF"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#F7C6CE;" data-event="foreColor" data-value="#F7C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#F7C6CE"></button><button type="button" class="note-color-btn" style="background-color:#FFE7CE;" data-event="foreColor" data-value="#FFE7CE" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE7CE"></button><button type="button" class="note-color-btn" style="background-color:#FFEFC6;" data-event="foreColor" data-value="#FFEFC6" title="" data-toggle="button" tabindex="-1" data-original-title="#FFEFC6"></button><button type="button" class="note-color-btn" style="background-color:#D6EFD6;" data-event="foreColor" data-value="#D6EFD6" title="" data-toggle="button" tabindex="-1" data-original-title="#D6EFD6"></button><button type="button" class="note-color-btn" style="background-color:#CEDEE7;" data-event="foreColor" data-value="#CEDEE7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEDEE7"></button><button type="button" class="note-color-btn" style="background-color:#CEE7F7;" data-event="foreColor" data-value="#CEE7F7" title="" data-toggle="button" tabindex="-1" data-original-title="#CEE7F7"></button><button type="button" class="note-color-btn" style="background-color:#D6D6E7;" data-event="foreColor" data-value="#D6D6E7" title="" data-toggle="button" tabindex="-1" data-original-title="#D6D6E7"></button><button type="button" class="note-color-btn" style="background-color:#E7D6DE;" data-event="foreColor" data-value="#E7D6DE" title="" data-toggle="button" tabindex="-1" data-original-title="#E7D6DE"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E79C9C;" data-event="foreColor" data-value="#E79C9C" title="" data-toggle="button" tabindex="-1" data-original-title="#E79C9C"></button><button type="button" class="note-color-btn" style="background-color:#FFC69C;" data-event="foreColor" data-value="#FFC69C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFC69C"></button><button type="button" class="note-color-btn" style="background-color:#FFE79C;" data-event="foreColor" data-value="#FFE79C" title="" data-toggle="button" tabindex="-1" data-original-title="#FFE79C"></button><button type="button" class="note-color-btn" style="background-color:#B5D6A5;" data-event="foreColor" data-value="#B5D6A5" title="" data-toggle="button" tabindex="-1" data-original-title="#B5D6A5"></button><button type="button" class="note-color-btn" style="background-color:#A5C6CE;" data-event="foreColor" data-value="#A5C6CE" title="" data-toggle="button" tabindex="-1" data-original-title="#A5C6CE"></button><button type="button" class="note-color-btn" style="background-color:#9CC6EF;" data-event="foreColor" data-value="#9CC6EF" title="" data-toggle="button" tabindex="-1" data-original-title="#9CC6EF"></button><button type="button" class="note-color-btn" style="background-color:#B5A5D6;" data-event="foreColor" data-value="#B5A5D6" title="" data-toggle="button" tabindex="-1" data-original-title="#B5A5D6"></button><button type="button" class="note-color-btn" style="background-color:#D6A5BD;" data-event="foreColor" data-value="#D6A5BD" title="" data-toggle="button" tabindex="-1" data-original-title="#D6A5BD"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#E76363;" data-event="foreColor" data-value="#E76363" title="" data-toggle="button" tabindex="-1" data-original-title="#E76363"></button><button type="button" class="note-color-btn" style="background-color:#F7AD6B;" data-event="foreColor" data-value="#F7AD6B" title="" data-toggle="button" tabindex="-1" data-original-title="#F7AD6B"></button><button type="button" class="note-color-btn" style="background-color:#FFD663;" data-event="foreColor" data-value="#FFD663" title="" data-toggle="button" tabindex="-1" data-original-title="#FFD663"></button><button type="button" class="note-color-btn" style="background-color:#94BD7B;" data-event="foreColor" data-value="#94BD7B" title="" data-toggle="button" tabindex="-1" data-original-title="#94BD7B"></button><button type="button" class="note-color-btn" style="background-color:#73A5AD;" data-event="foreColor" data-value="#73A5AD" title="" data-toggle="button" tabindex="-1" data-original-title="#73A5AD"></button><button type="button" class="note-color-btn" style="background-color:#6BADDE;" data-event="foreColor" data-value="#6BADDE" title="" data-toggle="button" tabindex="-1" data-original-title="#6BADDE"></button><button type="button" class="note-color-btn" style="background-color:#8C7BC6;" data-event="foreColor" data-value="#8C7BC6" title="" data-toggle="button" tabindex="-1" data-original-title="#8C7BC6"></button><button type="button" class="note-color-btn" style="background-color:#C67BA5;" data-event="foreColor" data-value="#C67BA5" title="" data-toggle="button" tabindex="-1" data-original-title="#C67BA5"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#CE0000;" data-event="foreColor" data-value="#CE0000" title="" data-toggle="button" tabindex="-1" data-original-title="#CE0000"></button><button type="button" class="note-color-btn" style="background-color:#E79439;" data-event="foreColor" data-value="#E79439" title="" data-toggle="button" tabindex="-1" data-original-title="#E79439"></button><button type="button" class="note-color-btn" style="background-color:#EFC631;" data-event="foreColor" data-value="#EFC631" title="" data-toggle="button" tabindex="-1" data-original-title="#EFC631"></button><button type="button" class="note-color-btn" style="background-color:#6BA54A;" data-event="foreColor" data-value="#6BA54A" title="" data-toggle="button" tabindex="-1" data-original-title="#6BA54A"></button><button type="button" class="note-color-btn" style="background-color:#4A7B8C;" data-event="foreColor" data-value="#4A7B8C" title="" data-toggle="button" tabindex="-1" data-original-title="#4A7B8C"></button><button type="button" class="note-color-btn" style="background-color:#3984C6;" data-event="foreColor" data-value="#3984C6" title="" data-toggle="button" tabindex="-1" data-original-title="#3984C6"></button><button type="button" class="note-color-btn" style="background-color:#634AA5;" data-event="foreColor" data-value="#634AA5" title="" data-toggle="button" tabindex="-1" data-original-title="#634AA5"></button><button type="button" class="note-color-btn" style="background-color:#A54A7B;" data-event="foreColor" data-value="#A54A7B" title="" data-toggle="button" tabindex="-1" data-original-title="#A54A7B"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#9C0000;" data-event="foreColor" data-value="#9C0000" title="" data-toggle="button" tabindex="-1" data-original-title="#9C0000"></button><button type="button" class="note-color-btn" style="background-color:#B56308;" data-event="foreColor" data-value="#B56308" title="" data-toggle="button" tabindex="-1" data-original-title="#B56308"></button><button type="button" class="note-color-btn" style="background-color:#BD9400;" data-event="foreColor" data-value="#BD9400" title="" data-toggle="button" tabindex="-1" data-original-title="#BD9400"></button><button type="button" class="note-color-btn" style="background-color:#397B21;" data-event="foreColor" data-value="#397B21" title="" data-toggle="button" tabindex="-1" data-original-title="#397B21"></button><button type="button" class="note-color-btn" style="background-color:#104A5A;" data-event="foreColor" data-value="#104A5A" title="" data-toggle="button" tabindex="-1" data-original-title="#104A5A"></button><button type="button" class="note-color-btn" style="background-color:#085294;" data-event="foreColor" data-value="#085294" title="" data-toggle="button" tabindex="-1" data-original-title="#085294"></button><button type="button" class="note-color-btn" style="background-color:#311873;" data-event="foreColor" data-value="#311873" title="" data-toggle="button" tabindex="-1" data-original-title="#311873"></button><button type="button" class="note-color-btn" style="background-color:#731842;" data-event="foreColor" data-value="#731842" title="" data-toggle="button" tabindex="-1" data-original-title="#731842"></button></div><div class="note-color-row"><button type="button" class="note-color-btn" style="background-color:#630000;" data-event="foreColor" data-value="#630000" title="" data-toggle="button" tabindex="-1" data-original-title="#630000"></button><button type="button" class="note-color-btn" style="background-color:#7B3900;" data-event="foreColor" data-value="#7B3900" title="" data-toggle="button" tabindex="-1" data-original-title="#7B3900"></button><button type="button" class="note-color-btn" style="background-color:#846300;" data-event="foreColor" data-value="#846300" title="" data-toggle="button" tabindex="-1" data-original-title="#846300"></button><button type="button" class="note-color-btn" style="background-color:#295218;" data-event="foreColor" data-value="#295218" title="" data-toggle="button" tabindex="-1" data-original-title="#295218"></button><button type="button" class="note-color-btn" style="background-color:#083139;" data-event="foreColor" data-value="#083139" title="" data-toggle="button" tabindex="-1" data-original-title="#083139"></button><button type="button" class="note-color-btn" style="background-color:#003163;" data-event="foreColor" data-value="#003163" title="" data-toggle="button" tabindex="-1" data-original-title="#003163"></button><button type="button" class="note-color-btn" style="background-color:#21104A;" data-event="foreColor" data-value="#21104A" title="" data-toggle="button" tabindex="-1" data-original-title="#21104A"></button><button type="button" class="note-color-btn" style="background-color:#4A1031;" data-event="foreColor" data-value="#4A1031" title="" data-toggle="button" tabindex="-1" data-original-title="#4A1031"></button></div></div></div></li></ul></div></div><div class="note-para btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="insertUnorderedList" tabindex="-1" data-name="ul" data-original-title="Unordered list (CTRL+SHIFT+NUM7)"><i class="fa fa-list-ul"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="insertOrderedList" tabindex="-1" data-name="ol" data-original-title="Ordered list (CTRL+SHIFT+NUM8)"><i class="fa fa-list-ol"></i></button><div class="btn-group" data-name="paragraph"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Paragraph"><i class="fa fa-align-left"></i> <span class="caret"></span></button><div class="dropdown-menu"><div class="note-align btn-group"><button type="button" class="btn btn-default btn-sm active" title="" data-event="justifyLeft" tabindex="-1" data-original-title="Align left (CTRL+SHIFT+L)"><i class="fa fa-align-left"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="justifyCenter" tabindex="-1" data-original-title="Align center (CTRL+SHIFT+E)"><i class="fa fa-align-center"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="justifyRight" tabindex="-1" data-original-title="Align right (CTRL+SHIFT+R)"><i class="fa fa-align-right"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="justifyFull" tabindex="-1" data-original-title="Justify full (CTRL+SHIFT+J)"><i class="fa fa-align-justify"></i></button></div><div class="note-list btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="indent" tabindex="-1" data-original-title="Indent (CTRL+])"><i class="fa fa-indent"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="outdent" tabindex="-1" data-original-title="Outdent (CTRL+[)"><i class="fa fa-outdent"></i></button></div></div></div></div><div class="note-height btn-group"><div class="btn-group" data-name="height"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Line Height"><i class="fa fa-text-height"></i> <span class="caret"></span></button><ul class="dropdown-menu note-check"><li><a data-event="lineHeight" href="#" data-value="1" class=""><i class="fa fa-check"></i> 1.0</a></li><li><a data-event="lineHeight" href="#" data-value="1.2" class=""><i class="fa fa-check"></i> 1.2</a></li><li><a data-event="lineHeight" href="#" data-value="1.4" class=""><i class="fa fa-check"></i> 1.4</a></li><li><a data-event="lineHeight" href="#" data-value="1.5" class=""><i class="fa fa-check"></i> 1.5</a></li><li><a data-event="lineHeight" href="#" data-value="1.6" class=""><i class="fa fa-check"></i> 1.6</a></li><li><a data-event="lineHeight" href="#" data-value="1.8" class=""><i class="fa fa-check"></i> 1.8</a></li><li><a data-event="lineHeight" href="#" data-value="2" class=""><i class="fa fa-check"></i> 2.0</a></li><li><a data-event="lineHeight" href="#" data-value="3" class=""><i class="fa fa-check"></i> 3.0</a></li></ul></div></div><div class="note-table btn-group"><div class="btn-group" data-name="table"><button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="" tabindex="-1" data-original-title="Table"><i class="fa fa-table"></i> <span class="caret"></span></button><ul class="dropdown-menu note-table"><div class="note-dimension-picker"><div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1" style="width: 10em; height: 10em;"></div><div class="note-dimension-picker-highlighted"></div><div class="note-dimension-picker-unhighlighted"></div></div><div class="note-dimension-display"> 1 x 1 </div></ul></div></div><div class="note-insert btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="showLinkDialog" data-hide="true" tabindex="-1" data-name="link" data-original-title="Link (CTRL+K)"><i class="fa fa-link"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="showImageDialog" data-hide="true" tabindex="-1" data-name="picture" data-original-title="Picture"><i class="fa fa-picture-o"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="insertHorizontalRule" tabindex="-1" data-name="hr" data-original-title="Insert Horizontal Rule (CTRL+ENTER)"><i class="fa fa-minus"></i></button></div><div class="note-view btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="fullscreen" tabindex="-1" data-name="fullscreen" data-original-title="Full Screen"><i class="fa fa-arrows-alt"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="codeview" tabindex="-1" data-name="codeview" data-original-title="Code View"><i class="fa fa-code"></i></button></div><div class="note-help btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="showHelpDialog" data-hide="true" tabindex="-1" data-name="help" data-original-title="Help"><i class="fa fa-question"></i></button></div></div><div class="note-editing-area"><div class="note-handle"><div class="note-control-selection" style="display: none;"><div class="note-control-selection-bg"></div><div class="note-control-holder note-control-nw"></div><div class="note-control-holder note-control-ne"></div><div class="note-control-holder note-control-sw"></div><div class="note-control-sizing note-control-se"></div><div class="note-control-selection-info"></div></div></div><div class="note-popover"><div class="note-link-popover popover bottom in" style="display: none;"><div class="arrow"></div><div class="popover-content"><a href="http://www.google.com" target="_blank">www.google.com</a>&nbsp;&nbsp;<div class="note-insert btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="showLinkDialog" data-hide="true" tabindex="-1" data-original-title="Edit"><i class="fa fa-edit"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="unlink" tabindex="-1" data-original-title="Unlink"><i class="fa fa-unlink"></i></button></div></div></div><div class="note-image-popover popover bottom in" style="display: none;"><div class="arrow"></div><div class="popover-content"><div class="btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="resize" data-value="1" tabindex="-1" data-original-title="Resize Full"><span class="note-fontsize-10">100%</span></button><button type="button" class="btn btn-default btn-sm" title="" data-event="resize" data-value="0.5" tabindex="-1" data-original-title="Resize Half"><span class="note-fontsize-10">50%</span></button><button type="button" class="btn btn-default btn-sm" title="" data-event="resize" data-value="0.25" tabindex="-1" data-original-title="Resize Quarter"><span class="note-fontsize-10">25%</span></button></div><div class="btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="floatMe" data-value="left" tabindex="-1" data-original-title="Float Left"><i class="fa fa-align-left"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="floatMe" data-value="right" tabindex="-1" data-original-title="Float Right"><i class="fa fa-align-right"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="floatMe" data-value="none" tabindex="-1" data-original-title="Float None"><i class="fa fa-align-justify"></i></button></div><br><div class="btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="imageShape" data-value="img-rounded" tabindex="-1" data-original-title="Shape: Rounded"><i class="fa fa-square"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="imageShape" data-value="img-circle" tabindex="-1" data-original-title="Shape: Circle"><i class="fa fa-circle-o"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="imageShape" data-value="img-thumbnail" tabindex="-1" data-original-title="Shape: Thumbnail"><i class="fa fa-picture-o"></i></button><button type="button" class="btn btn-default btn-sm" title="" data-event="imageShape" tabindex="-1" data-original-title="Shape: None"><i class="fa fa-times"></i></button></div><div class="btn-group"><button type="button" class="btn btn-default btn-sm" title="" data-event="removeMedia" data-value="none" tabindex="-1" data-original-title="Remove Image"><i class="fa fa-trash-o"></i></button></div></div></div></div><textarea class="note-codable"></textarea><div class="note-editable panel-body" contenteditable="true"></div></div></div>
				</div>
			</div>
		</form>
</div>
<script type="text/javascript" src="__PUBLIC__/js/uploadPreview.js"></script>
<script type="text/javascript">
//初始化上传图片
$("body").on('click','input[type="file"]', function(){
	var selector = $(this).attr('id');
	$("#"+selector).uploadPreview({ Img: selector+"_prev", Width: 120, Height: 120 });
});
$(document).ready(function(){
	$('#save_submit').prop('disabled',false);
	/*form表单验证*/
	$("#form").validate({
		submitHandler:function(form){
            $('#save_submit').click(function(){
				$('#save_submit').prop('disabled',true);
			});
            form.submit();
        }    
	});
});

$(function () {
    $(document).on('click','.textdialog',function () {
        $('#dialog-resume').dialog('open');
    });
})

$("#dialog-resume").dialog({
    autoOpen: false,
    modal: true,
    width: 950,
    maxHeight: 500,
    buttons: {
        "确定": function () {


            //追加产品信息
            $(".se_product_"+business_id).each(function(){

            });
            $(this).dialog("close");
        },
        "取消": function () {
            $(this).dialog("close");
        }
    },
    position: ["center", 100],
    close:function(){
        $(this).html('');
    }
});

function expadd(exp) {
    var exphtml="";
    if(exp=="exp"){
        exphtml="<div style=\"background: none;border-top: 1px solid #eeeeee;padding-top: 20px;\" class=\"panel-body3\">\n" +
            "<div class=\"form-group\">\n" +
            "<label class=\"col-sm-2 control-label\">时间<span class=\"text-danger\">*</span></label>\n" +
            "<div class=\"col-sm-9\">\n" +
            "<input class=\"form-control text-center\" id=\"experienceStartInputOption\" type=\"text\" style=\"width:120px; display:inline;height: 25px;background: #ffffff\" placeholder=\"年-月\"   onFocus=\"WdatePicker({dateFmt:'yyyy-MM', minDate:&quot;#F{$dp.$D('experienceStartInputOption')}&quot;,maxDate:'2038-01-01'})\" readonly=\"readonly\"><span>-&gt;</span>\n" +
            "<input class=\"form-control text-center\" id=\"experienceEndInputOption\" type=\"text\" style=\"width:120px; display:inline;height: 25px;background: #ffffff\" placeholder=\"年-月\"    onFocus=\"WdatePicker({dateFmt:'yyyy-MM', minDate:&quot;#F{$dp.$D('experienceEndInputOption')}&quot;,maxDate:'2038-01-01'})\"  readonly=\"readonly\">\n" +
            "<div class=\"checkbox checkbox-info checkbox-inline\" style=\"vertical-align: baseline;\">\n" +
            "<input type=\"checkbox\">\n" +
            "<label>目前在职<span class=\"text-danger\">*</span></label>\n" +
            "</div>\n" +
            "</div>\n" +
            "</div>\n" +
            "<div class=\"form-group\" >\n" +
            "<label class=\"col-sm-2 control-label\">公司名称<span class=\"text-danger\">*</span></label>\n" +
            "<div class=\"col-sm-9\">\n" +
            "<input class=\"form-control\" type=\"text\" name=\"exps0.company\" typeahead=\"item.name for item in autocomplete(&quot;company&quot;, $viewValue)\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-owns=\"typeahead-268-5645\" required=\"required\"><ul class=\"dropdown-menu\" style=\"display: block;;display: block;\" role=\"listbox\" aria-hidden=\"true\" typeahead-popup=\"\" id=\"typeahead-268-5645\" matches=\"matches\" active=\"activeIdx\" select=\"select(activeIdx)\" move-in-progress=\"moveInProgress\" query=\"query\" position=\"position\">\n" +
            "</ul>\n" +
            "</div>\n" +
            "</div>\n" +
            "<div class=\"form-group\">\n" +
            "<label class=\"col-sm-2 control-label\">职位<span class=\"text-danger\">*</span></label>\n" +
            "<div class=\"col-sm-4\">\n" +
            "<input class=\"form-control\" type=\"text\" name=\"exps0.title\" typeahead=\"item for item in autocomplete(&quot;title&quot;, $viewValue)\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-owns=\"typeahead-269-2565\" required=\"required\"><ul class=\"dropdown-menu\" style=\"display: block;;display: block;\" role=\"listbox\" aria-hidden=\"true\" typeahead-popup=\"\" id=\"typeahead-269-2565\" matches=\"matches\" active=\"activeIdx\" select=\"select(activeIdx)\" move-in-progress=\"moveInProgress\" query=\"query\" position=\"position\">\n" +
            "</ul>\n" +
            "</div>\n" +
            "</div>\n" +
            "<div class=\"form-group\">\n" +
            "<label class=\"col-sm-2 control-label\">职责描述<span class=\"text-danger\">*</span></label>\n" +
            "<div class=\"col-sm-9\">\n" +
            "<textarea class=\"msd-elastic form-control\"  required=\"required\" style=\"min-height: 136px; overflow: hidden; word-wrap: break-word; resize: horizontal; height: 136px;\"></textarea>\n" +
            "</div>\n" +
            "</div>\n" +
            "</div>";

        $(".panel-body3").last().append(exphtml);
    }
}

</script>
<include file="Public:footer" />	
